<template>
  <Taber> </Taber>
  <div class="detail">
    <div class="detLeft">
      <div class="product">
        <div class="pad">
          <div>免责声明</div>
          <span>xxxxx</span><span>|</span><span>123</span>
        </div>
        <div class="pad">
          <span>最后更新日期：</span>
          <span>123</span>
        </div>
        <div class="pad">
          请在使用本平台服务之前，仔细阅读以下免责声明。通过访问或使用我们的平台，您明确同意并接受以下条款。如果您不同意此免责声明的内容，请勿使用本平台服务。
        </div>
        <div class="pad">
          <div class="fs">1.服务性质</div>
          <span>xxxxxxxx</span
          ><span
            >本平台提供账号资源的出售服务。我们平台销售的账号资源由合作的账号工作室提供，以及通过互联网整理筛选而来。平台不直接参与账号资源的生产、维护或实际使用过程。所有账号资源均由第三方提供，平台仅作为中介平台进行销售。</span
          >
        </div>
        <div class="pad">
          <div class="fs">2.账号资源的来源与责任声明</div>
          <span>xxxxxxxx</span
          ><span
            >本平台提供账号资源的出售服务。我们平台销售的账号资源由合作的账号工作室提供，以及通过互联网整理筛选而来。平台不直接参与账号资源的生产、维护或实际使用过程。所有账号资源均由第三方提供，平台仅作为中介平台进行销售。</span
          >
        </div>
      </div>
    </div>
    <div class="detRight">
      <div class="dj">
        <div class="hotproduct">
          <div style="font-size: 18px">热门商品</div>
          <div style="font-size: 14px; color: #666">六小时刷新一次</div>
        </div>
        <div class="productList">
          <img
            src="https://pic.haotaotao.store/image/bd5ba6f23955d381cbb2d16ab3c416ef.png"
            style="width: 60px; height: 60px"
          />
          <div class="detailList">
            <div class="detailsN">
              <div style="overflow: hidden">
                <span
                  style="
                    -webkit-line-clamp: 1;
                    display: -webkit-inline-box;
                    -webkit-box-orient: vertical;
                  "
                  >按照注册地区分类【美国、日本、欧洲、新加坡、香港地区、台湾地区、巴西、中东地区(沙特、土耳其)、亚洲地区(越南、马来西亚、菲律宾、印度尼西亚、泰国、印度)、澳洲地区、南美地区(巴西、阿根廷)】,通过邮箱和手机号验证,有JSON
                  cookie数据,语言随机</span
                >
              </div>
            </div>
            <div class="goodsDetails">
              <div style="color: #ff7f3e">自动发货</div>
              <div class="line">|</div>
              <span style="color: #999">价格：</span
              ><span style="color: #ff7f3e; font-weight: bold">1272</span>
            </div>
          </div>
        </div>
        <div class="productList">
          <img
            src="https://pic.haotaotao.store/image/bd5ba6f23955d381cbb2d16ab3c416ef.png"
            style="width: 60px; height: 60px"
          />
          <div class="detailList">
            <div class="detailsN">
              <div style="overflow: hidden">
                <span
                  style="
                    -webkit-line-clamp: 1;
                    display: -webkit-inline-box;
                    -webkit-box-orient: vertical;
                  "
                  >按照注册地区分类【美国、日本、欧洲、新加坡、香港地区、台湾地区、巴西、中东地区(沙特、土耳其)、亚洲地区(越南、马来西亚、菲律宾、印度尼西亚、泰国、印度)、澳洲地区、南美地区(巴西、阿根廷)】,通过邮箱和手机号验证,有JSON
                  cookie数据,语言随机</span
                >
              </div>
            </div>
            <div class="goodsDetails">
              <div style="color: #ff7f3e">自动发货</div>
              <div class="line">|</div>
              <span style="color: #999">价格：</span
              ><span style="color: #ff7f3e; font-weight: bold">1272</span>
            </div>
          </div>
        </div>
        <div class="productList">
          <img
            src="https://pic.haotaotao.store/image/bd5ba6f23955d381cbb2d16ab3c416ef.png"
            style="width: 60px; height: 60px"
          />
          <div class="detailList">
            <div class="detailsN">
              <div style="overflow: hidden">
                <span
                  style="
                    -webkit-line-clamp: 1;
                    display: -webkit-inline-box;
                    -webkit-box-orient: vertical;
                  "
                  >按照注册地区分类【美国、日本、欧洲、新加坡、香港地区、台湾地区、巴西、中东地区(沙特、土耳其)、亚洲地区(越南、马来西亚、菲律宾、印度尼西亚、泰国、印度)、澳洲地区、南美地区(巴西、阿根廷)】,通过邮箱和手机号验证,有JSON
                  cookie数据,语言随机</span
                >
              </div>
            </div>
            <div class="goodsDetails">
              <div style="color: #ff7f3e">自动发货</div>
              <div class="line">|</div>
              <span style="color: #999">价格：</span
              ><span style="color: #ff7f3e; font-weight: bold">1272</span>
            </div>
          </div>
        </div>
        <div class="productList">
          <img
            src="https://pic.haotaotao.store/image/bd5ba6f23955d381cbb2d16ab3c416ef.png"
            style="width: 60px; height: 60px"
          />
          <div class="detailList">
            <div class="detailsN">
              <div style="overflow: hidden">
                <span
                  style="
                    -webkit-line-clamp: 1;
                    display: -webkit-inline-box;
                    -webkit-box-orient: vertical;
                  "
                  >按照注册地区分类【美国、日本、欧洲、新加坡、香港地区、台湾地区、巴西、中东地区(沙特、土耳其)、亚洲地区(越南、马来西亚、菲律宾、印度尼西亚、泰国、印度)、澳洲地区、南美地区(巴西、阿根廷)】,通过邮箱和手机号验证,有JSON
                  cookie数据,语言随机</span
                >
              </div>
            </div>
            <div class="goodsDetails">
              <div style="color: #ff7f3e">自动发货</div>
              <div class="line">|</div>
              <span style="color: #999">价格：</span
              ><span style="color: #ff7f3e; font-weight: bold">1272</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <LastPageBar> </LastPageBar>
</template>
<script setup>
import Taber from "./Taber.vue";
import LastPageBar from "./LastPageBar.vue";
</script>
<style scoped>
.line {
  width: 17px;
  height: 18px;
  color: rgb(239, 239, 245);
  text-align: center;
}
.goodsDetails {
  display: flex;
  font-size: 13px;
}
.detailList {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.productList {
  display: flex;
  padding: 10px;
  height: 80px;
  box-sizing: border-box;
  border-top: 1px solid rgb(228, 227, 227);
}
.hotproduct {
  display: flex;
  height: 54px;
  justify-content: space-between;
  align-items: center;
  /* padding: 15px; */
}
.dj {
  height: 350px;
  padding: 10px 15px;
}
.fs {
  font-size: 14px;
  font-weight: bold;
}
.pad {
  padding: 10px;
  font-size: 14px;
}
.productDet {
  height: 50px;
  /* line-height: 50px; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid rgb(228, 227, 227);
  /* border-bottom: 1px solid rgb(228, 227, 227); */
}
.detLeft {
  width: 665px;
  /* display: flex; */
  padding: 10px;
  background-color: #fff;

  /* border-top: 1px solid rgb(228, 227, 227); */
}
.detRight {
  width: 325px;
  height: 385px;
  box-sizing: border-box;
  background-color: #fff;
  margin-left: 10px;
  position: sticky;
  top: 110px;
}
.detail {
  margin: 0 auto;
  margin-top: 10px;
  width: 1000px;
  /* background-color: red; */
  display: flex;
}
body {
  background-color: #e8d5ec;
}
</style>
